@charset "utf-8";
*{
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style: none;
	font-family: 微软雅黑,sans-serif;
	color: #9a9898;
}
/* 网页头部：高47px，宽100%，边框 */
header{
	height: 47px;
	width: 100%;
	backg round-color: #333;
	bor der: 1px solid red;
	font-size: 0.9em;
}
/* 2.中控区：两侧留白，宽度影响整体、尾页部分 */
div#wrapper{
	width: 1840px;
	height: 47px;/* 小心高度：主体、页尾：含并高 */
	backgrou nd-color: #ffff00;
	/* 水平居中 */
	margin: 0 auto;
}
/* 3.左侧布局：左浮动 */
div#wrapper div.left{
	width: 1348px;
	height: 47px;
	background-color: black;
	float:left;
}
/* 3.1 左侧布局：浮动、高度 */
div#wrapper div.left ul li{
	float: left;
	bor der: 1px solid red;
	height: 47px;
	li ne-height: 47px;
}
/* 3.2左侧布局：竖条跟文字高度一致、垂直居中 */
div#wrapper div.left ul li a{
	/* 所有文本包含在左侧边 */
	line-height: 47px;
	border-right: 1px solid #424242;
	/* 所有文本左右有空间 */
	padding: 0 7px;
}
div#wrapper div.left ul li a:hover{
	color: #fff;
}
/* 3.3最右侧竖边拿下 */
div#wrapper div.left ul li a.fix{
	border: none;
}

/* 4.右侧布局：有浮动【自己写】 */
div#wrapper div.right{
	height: 47px;
	background-color: #333333;
	float: right;
}
div#wrapper div.right ul li{
	float: left;
	bor der: 1px solid red;
	height: 47px;
	l ine-height: 47px;
}
div#wrapper div.right ul li a.line{
	line-height: 47px;
	border-right: 1px solid #3e3e3e;
	padding: 0 5px;
}
div#wrapper div.right ul li a.line1{
	line-height: 47px;
	border-right: none;
	padding: 0 5px;
}
div#wrapper div.right ul li a.line2{
	height: 47px;
	width: 360px;
	line-height: 47px;
	border: 1px solid #424242;
	background-color: #424242;
	padding: 11px 10px;
}
div#wrapper div.right ul li a.line:hover{
	color: #fff;
}
div#wrapper div.right ul li a.line1:hover{
	color: #fff;
}
div#wrapper div.right ul li a.line2:hover{
	color: #ff6f0e;
	background-color: #fff;
}
div#wrapper div.right ul li a.line2:hover .fas.fa-shopping-cart{
	color: #ff6f0e;
}

